.select-filter {
	width: 100%;
	.select-filter-item {
		display: flex;
		align-items: center;
		border-bottom: 1px dashed var(--el-border-color-light);
		&:last-child {
			border-bottom: none;
		}
		.select-filter-item-title {
			margin-top: -5px;
			span {
				font-size: 14px;
				color: var(--el-text-color-regular);
				white-space: nowrap;
			}
		}
		.select-filter-notData {
			margin: 12px 0 13px;
			font-size: 14px;
			color: var(--el-text-color-regular);
		}
		.select-filter-list {
			display: flex;
			flex: 1;
			padding: 0;
			margin: 13px 0;
			li {
				display: flex;
				align-items: center;
				padding: 5px 15px;
				margin-right: 16px;
				font-size: 13px;
				color: #303133;
				list-style: none;
				cursor: pointer;
				background: var(--el-color-primary-light-8);
				border-radius: 32px;
				&:hover {
					color: var(--el-color-primary);
				}
				&.active {
					font-weight: bold;
					color: #ffffff;
					background: var(--el-color-primary);
				}
				.el-icon {
					margin-right: 4px;
					font-size: 16px;
					font-weight: bold;
				}
				span {
					white-space: nowrap;
				}
			}
		}
	}
}
